Skip to content

feat(select): add select component with maxRows and IME-safe search - #671

Draft
zwight wants to merge 2 commits into
DTStack:masterfrom
zwight:feat_select
Draft

zwight wants to merge 2 commits into
DTStack:masterfrom
zwight:feat_select

Conversation

@zwight

@zwight zwight commented Oct 13, 2026

Copy link
Copy Markdown
Collaborator

变更类型

请选择以下选项以描述 PR 的类型:

  • Bug 修复(修复现有问题)
  • 新功能(添加了一个功能)
  • 代码优化(性能改进、代码重构)
  • 文档更新
  • 单测新增或修改
  • 其他(请说明):

相关问题

  1. Select为多选的时候,多选项过多的情况下会破坏页面布局,但是又要求要能全部展示选择项,因此UI侧设计默认最多显示3行,超出滚动
  2. Select在开服务端搜索,前端通过onSearch触发请求的前提下,输入中文没有选字之前也会触发onSearch并把拼音传给请求,未选字之前需要阻拦触发onSearch

变更内容

https://zwight.github.io/dt-react-component/components/select

新增 Select 组件
  • 多选限高

    • 引入 maxRows 参数,控制多选区域最大展示行数,超出后支持滚动,maxRows为空或0的时候不开启限高
    • 根据 size 自适应计算限高,支持 small、middle、large 三种尺寸
    • 启用限高时,选中选项后自动平滑滚动到底部,便于查看最新选中项
  • 中文搜索

    • 优化中文输入法搜索,输入拼音期间不触发 onSearch
    • 选字完成后触发完整搜索内容,并避免紧随其后的同值重复回调
  • 加载和空状态

    • 无匹配选项时,根据 loading 状态展示小尺寸 Spin 或组件库 Empty

详细描述

对应 Previewer

@zwight
zwight requested a review from LuckyFBB October 13, 2026 08:28
@zwight
zwight marked this pull request as draft October 13, 2026 09:30

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature Request]: Select 增加中文onSearch触发限制和选择框限高滚动

1 participant